(function (w, d) {

    // 添加课程介绍点击功能  (这个方法太蠢了.不建议使用)
// 通过类名获取时间以及课程的类集合
    var sjDivs = document.getElementsByClassName('notice_time');
    var nrDivs = document.getElementsByClassName('notice_content');

// 通过ID获取课程名的Div
    var chineseDiv = document.getElementById('chinese');
    var mathsDiv = document.getElementById('maths');
    var englishDiv = document.getElementById('english');
    var chemDiv = document.getElementById('chem');

// 添加语文课加点击事件
    chineseDiv.onclick = clickChinese;
    function clickChinese() {
        // 初始化其他课程样式
        mathsDiv.style.backgroundColor = '#38ABFF';
        mathsDiv.style.color = 'white';
        englishDiv.style.backgroundColor = '#38ABFF';
        englishDiv.style.color = 'white';
        chemDiv.style.backgroundColor = '#38ABFF';
        chemDiv.style.color = 'white';

        // 修改语文课程样式
        chineseDiv.style.backgroundColor = 'white';
        chineseDiv.style.color = '#38ABFF';

        // 修改时间和课程的具体内容
        sjDivs[0].innerHTML = '2018-03-08';
        sjDivs[1].innerHTML = '2018-03-09';
        sjDivs[2].innerHTML = '2018-03-10';
        sjDivs[3].innerHTML = '2018-03-11';
        nrDivs[0].innerHTML = '第一讲: 谈老舍';
        nrDivs[1].innerHTML = '第二讲: 百草园';
        nrDivs[2].innerHTML = '第三讲: 鸿门宴';
        nrDivs[3].innerHTML = '第四讲: 沁园春';
    }

// 添加数学课程点击事件
    mathsDiv.onclick = clickMaths;
    function clickMaths() {
        chineseDiv.style.backgroundColor = '#38ABFF';
        chineseDiv.style.color = 'white';
        englishDiv.style.backgroundColor = '#38ABFF';
        englishDiv.style.color = 'white';
        chemDiv.style.backgroundColor = '#38ABFF';
        chemDiv.style.color = 'white';

        mathsDiv.style.backgroundColor = 'white';
        mathsDiv.style.color = '#38ABFF';
        sjDivs[0].innerHTML = '2018-04-11';
        sjDivs[1].innerHTML = '2018-04-12';
        sjDivs[2].innerHTML = '2018-04-13';
        sjDivs[3].innerHTML = '2018-04-14';
        nrDivs[0].innerHTML = '第一讲: 集合';
        nrDivs[1].innerHTML = '第二讲: 函数';
        nrDivs[2].innerHTML = '第三讲: 几何';
        nrDivs[3].innerHTML = '第四讲: 概率';
    }

// 添加英语课程点击事件
    englishDiv.onclick = clickEnglish;
    function clickEnglish() {
        chineseDiv.style.backgroundColor = '#38ABFF';
        chineseDiv.style.color = 'white';
        mathsDiv.style.backgroundColor = '#38ABFF';
        mathsDiv.style.color = 'white';
        chemDiv.style.backgroundColor = '#38ABFF';
        chemDiv.style.color = 'white';

        englishDiv.style.backgroundColor = 'white';
        englishDiv.style.color = '#38ABFF';
        sjDivs[0].innerHTML = '2018-05-15';
        sjDivs[1].innerHTML = '2018-05-16';
        sjDivs[2].innerHTML = '2018-05-17';
        sjDivs[3].innerHTML = '2018-05-18';
        nrDivs[0].innerHTML = '第一讲: Friends';
        nrDivs[1].innerHTML = '第二讲: Travel';
        nrDivs[2].innerHTML = '第三讲: family';
        nrDivs[3].innerHTML = '第四讲: Wildlife';
    }

// 添加化学课程点击事件
    chemDiv.onclick = clickChem;
    function clickChem() {
        chineseDiv.style.backgroundColor = '#38ABFF';
        chineseDiv.style.color = 'white';
        mathsDiv.style.backgroundColor = '#38ABFF';
        mathsDiv.style.color = 'white';
        englishDiv.style.backgroundColor = '#38ABFF';
        englishDiv.style.color = 'white';

        chemDiv.style.backgroundColor = 'white';
        chemDiv.style.color = '#38ABFF';
        sjDivs[0].innerHTML = '2018-06-19';
        sjDivs[1].innerHTML = '2018-06-20';
        sjDivs[2].innerHTML = '2018-06-21';
        sjDivs[3].innerHTML = '2018-06-22';
        nrDivs[0].innerHTML = '第一讲: 无机物';
        nrDivs[1].innerHTML = '第二讲: 浓硫酸';
        nrDivs[2].innerHTML = '第三讲: 合成氨';
        nrDivs[3].innerHTML = '第四讲: 盐和碱';
    }




// 添加首页登录功能
// 通过ID获取遮罩层
// 鼠标点击模型外区域关闭登录框
//给windows添加点击事件
    $(w).click(function (e) {
        if (e.target.id == "modal") {
            $('#modal').css('display', 'none');
        }
    });

// 初始化轮播图
// swiper
    var mySwiper = new Swiper ('.swiper-container', {
        autoplay: true,//可选选项，自动滑动
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination'
        }
    });


})(window, document);